<!--软件介绍的页面-->
<template>
    <div>
        <div class='my-hide'>
            <div class='my-logo'></div>
            <span class='my-name'>文思脚手架</span>
        </div>
        <div class='my-detail'>
            环境：<P >vue+webpack+nodejs+vuex</P><br><br>
            软件：webstorm<br><br>
            联系人：瞿永健<br><br>
        </div>
    </div>
</template>
<script>
export default {
  name: 'my',
  components:{
    
  },
  created(){
    //用vuex设置状态，改变class;
     this.$store.dispatch("inMy");
  }
}
</script>
<style lang='less'>
    .my-hide{
        width:100%;
        height:180px;
        background:url("./../assets/images/bg1.png") no-repeat;
        background-size:cover;
        position:relative;
        .my-logo{
            width:80px;
            height:80px;
            background:url("./../assets/images/aa.png") no-repeat;
            background-size:100%;
            border-radius:50%;
            position:absolute;
            top:60px;
            left:0;
            right:0;
            margin:0 auto;
        }
        .my-name{
            position:absolute;
            bottom:10px;
            color:#fff;
            left:0;
            right:0;
            margin:0 auto;
            display:block;
            text-align:center;
        }
    }
    .my-detail{
            margin:10px 10px;
        }
</style>